<template>
    <div class="com">
        <div class="com_td">
            共{{cartInfo.length}}件商品
        </div>
        <ul class="tt_com">
            <li
            v-for="item,i in cartInfo" :key="i"
            >
                <a >
                    <order-item
                    :id="item.id"
                    :product_id="item.product_id"
                    :product_attr_unique="item.product_attr_unique"
                    :cart_num="item.cart_num"
                    :attrInfo="item.productInfo.attrInfo"
                    :store_name="item.productInfo.store_name"
                    ></order-item>
                </a>
            </li>
        </ul>
        <div class="contact">
            <van-icon name="service-o" />联系客服
        </div>
    </div>
</template>

<script>
import OrderItem from "@/views/order/detail/OrderItem.vue";

export default {
    props:{
        cartInfo:{
            tyeo:Array
        }
    },
    components:{
        OrderItem,
    }
}
</script>

<style lang="scss" scoped>
.com{
    margin-top: 13px;
    background-color: #fff;
    .com_td{
        height: 43px;
        line-height: 43px;
        padding: 0 15px;
        color: #282828;
        font-size: 15px;
        border-bottom:1px solid #f0f0f0 ;
    }
    .contact{
        height: 43px;
        line-height: 43px;
        font-size: 15px;
        text-align: center;
        color: #fc4141;
        i{
            margin-right: 5px;
        }
    }
}
</style>

